<template>
  <div id="app">
  	
  	<!--<ul>
  		<li>
  			<router-link to="/" tag="p">home</router-link>
  		</li>
  		<li>
  			<router-link to="/login" tag="p">login</router-link>
  		</li>
  		<li>
  			<router-link to="/pagehome" tag="p">pagehome</router-link>
  		</li>
  	</ul>-->
    <router-view></router-view>
  </div>
</template>

<script>
	import login from './components/login'
	export default {
	  name: 'app',
	  components: {
	  	login
	  }
	}
	window.onload = function (){
		//动态获取屏幕高度
		iHeight();
		$(window).resize(function(){
		   iHeight();
		});
		$(window).onbeforeunload = function (){
			iHeight();
		}
		function iHeight(){
			var iH = $(window).height();	
			$("#app").height(iH);
			$('.pageConts').height(iH - 90);//内容区域的高度获取
		};
	}
</script>

<style>
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	ul,ol{
		list-style: none;
	}
	input,button{
		outline: none;
	}
	.clearfix:after{
		content: '';
		display: block;
		clear: both;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	#app {
	  font-family: 'Avenir', Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-align: center;
	  color: #2c3e50;
	  width: 100%;
	  overflow: hidden;
	}
</style>